<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><?php echo SITE_TITLE; ?> - Content Management System</title>
		
		<meta name="Author" content="i4 Asia" />
		<meta name="Publisher" content="<?php echo SITE_TITLE; ?> Content Management System" />
		<meta name="Copyright" content="<?php echo date('Y'); ?>" />
		<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
		<meta name="Content-Language" content="English" />	
		
		<link rel="icon" href="images/favicon.ico" />
		<link rel="shortcut icon" href="images/favicon.ico" />		
		
		<!-- start object oriented css -->
		<link rel="stylesheet" type="text/css" media="all"  href="<?php echo base_url(); ?>assets/css/template.css" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/grids.css" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/content.css" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/mod.css" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/mod_skins.css" />
		<!-- end object oriented css -->
		
		<!-- start jquery css -->
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/jquery/ui-lightness/jquery-ui-1.8.10.custom.css" />
		<!-- end jquery css -->
		
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/skin/common.css" />
		<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url(); ?>assets/css/skin/icons.css" />
                <link rel="stylesheet/less" href="<?php echo base_url(); ?>assets/css/skin/style.less" type="text/css" />
		
		<script type="text/javascript">
			var siteUrl = '<?php echo site_url(); ?>/';
			var baseUrl = '<?php echo base_url(); ?>';
		</script>
		
		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery/jquery-ui-1.8.10.custom.min.js"></script>

		<!-- LESS CSS script -->
		<script src="<?php echo base_url(); ?>assets/js/less-css/less-1.1.3.min.js" type="text/javascript"></script>

                <style>html, body {height: auto;}</style>

		<!-- HTML 5 script -->
		<script src="<?php echo base_url(); ?>assets/js/html5/html5.js" type="text/javascript"></script>
		
		<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/login.js"></script>
		
		<script type="text/javascript">
			$(function() {
				$('#save').button({
					icons: {primary: 'ui-icon-locked'}
				}).click(function(e) {
					e.preventDefault();
					submitLogin();
				});
			});
		</script>
	</head>
	
	<body>
		<div id="login" class="margin_auto">
			<form id="login_form" name="login_form" class="">

				<div class="line" style ="margin-left: 115px;">
                                    <a href="home" title="#">
                                        <img border="0" alt="" title="Mage & Vego" src="<?php echo base_url(); ?>assets/images/front_banner2.png"/>
                                    </a>
				</div>
				<div class="line" style ="margin-left: -250px;">
                                    <img border="0" alt="" title="" src="<?php echo base_url(); ?>assets/images/lines-top.jpg"/>
				</div>

				<div class="line">
					<label for="username">Username:</label>
                                        <input type="text" name="username" id="username" />
				</div>
				
				<div class="line">
					<label for="password">Password:</label>
                                        <input type="password" name="password" id="password" />
				</div>

				<div id="err" class="ui-state-error ui-corner-all line" style="display:none; padding: 6px; width: 75%; font-size: 14px">
					<span class="icon icon-info"></span>
					<span class="msg"></span>
				</div>

                                <div class="line" >
                                    <!--<input id ="save" class="submit" type="submit" name="save" value="login" />-->
                                <button name="save" id ="save" >Login</button>
                                </div>

			</form>
                        
		</div>
	</body>

</html>
<script>

$('#save').button();

var msg = '<?php echo $msg; ?>';
if (msg != '')
{
        $('#save').css('margin-top', '13px');

        $('#err').removeClass('ui-state-error').addClass('ui-state-highlight');

        if (msg.indexOf('expired') == -1) $('#err').children(':first').removeClass('icon-error').addClass('icon-check');
        else $('#err').children(':first').removeClass('icon-error').addClass('icon-octa-x');

        $('#err .msg').html(msg);
        $('#err').fadeIn('slow');
}


</script>